<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Club')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-club_id" data-rule="required" data-source="club/index" class="form-control selectpage" name="row[club_id]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" class="form-control" name="row[name]" type="text">
        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Stage')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-stage" class="form-control" name="row[stage]" type="text">-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Grade')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-grade" class="form-control" name="row[grade]" type="text">-->
<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sort')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-sort" class="form-control" name="row[sort]" type="number">
        </div>
    </div>


    <div class="form-group">
        <label for="c-img_url" class="control-label col-xs-12 col-sm-2">{:__('Img_url')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-img_url" data-rule="" class="form-control" size="50" name="row[img_url]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-img_url" class="btn btn-danger faupload" data-input-id="c-img_url" data-mimetype="image/*" data-multiple="false" data-preview-id="p-img_url"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-img_url" class="btn btn-primary fachoose" data-input-id="c-img_url" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-img_url"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-img_url"></ul>
        </div>
    </div>
    <!-- 专栏教师字段在添加时隐藏，因为还没有子社团id，无法选择专栏教师 -->
    <!-- 添加后编辑时可以选择专栏教师 -->
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('User')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-teacher_detail_id"-->
<!--                   data-source="club_dtl/getColumnTeachers"-->
<!--                   data-field="name"-->
<!--                   data-primary-key="id"-->
<!--                   data-search-field="name,hourly_rate,is_premium"-->
<!--                   data-format-item="{name}{hourly_rate}{is_premium}"-->
<!--                   class="form-control selectpage"-->
<!--                   name="row[teacher_detail_id]"-->
<!--                   type="text"-->
<!--                   value="">-->
<!--        </div>-->
<!--    </div>-->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Remark')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-remark" class="form-control" name="row[remark]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Addtime')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-addtime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[addtime]" type="text" value="{:date('Y-m-d H:i:s')}">
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
